
<template>
  <div id="makeCall">
          <section class="main">
			<article class="logo_image_wrapper">
				<img :src="logo" alt="logo没加载出来啊啊" />
			</article>
			<article class="bottom_box">
				<div class="down_button" @click="goDown">
					立即下载APP
				</div>
			</article>
		</section>
  </div>
</template>

<script>
import vfConfig from 'settings/vf_config.js'
export default {
  data() {
    return {
	  logo:'',
	  download:''
    };
  },
  created() {
	  console.log(vfConfig)
	  if(this.$route.params.appName === 'vfhz'){
		  this.data = vfConfig.vfhz
	  }else{
		  this.data = vfConfig.vfac
	  }
	  this.logo = this.data.logo,
	this.download = this.data.download
  },
  methods:{
      goDown(){
        //   if(this.$.isAndroid){
        //       window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=cn.carowl.vfuhuizhong'
        //   }else if(this.$.isIos){
        //       window.location.href = 'https://itunes.apple.com/us/app/v服惠众/id1286608071?l=zh&ls=1&mt=8'
		//   }
              window.location.href = this.download
		
      }
  },
  components: {
  }
};
</script>
<style scoped="scoped">
.main{
	width:100%;
	height:100vh;
	font-size: 0;
	/* background-color: #FEF2E2; */
}
.logo_image_wrapper{
	display: flex;
	position: relative;
	width: 100%;
	padding-top: 110%;
	
}
.logo_image_wrapper>img{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
.bottom_box{
	position: fixed;
	width: 100%;
	bottom: 50px;
}
.down_button{
	height: 40px;
	line-height: 40px;
	width: 90%;
	margin: 0 auto;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: white;
	background-color: #F8860E;
	
}
#introduce{
	margin-top: 5px;
	text-align: center;
	font-size: 16px;
	color: #555555!important;
}

</style>